<div class="bg-light lter b-b wrapper-sm">
	<h1 class="m-n font-thin h4">结算单生成</h1>
</div>
<div class="wrapper-sm">
	<tabset class="tab-container" ng-init="steps={percent:20, step1:true}">
		<tab heading="结算单生成*" active="steps.step1" ng-controller="FeeAddSettleCtrl">
			<form name="step1" class="form-validation form-horizontal">
				<div class="form-group">
					<label class="col-lg-2 control-label">结算承运商</label>
					<div class="col-lg-3">
						<div angucomplete-alt id="carrierId" placeholder="" pause="100" selected-object="carrierSelect" remote-api-handler="searchCarrier"
							search-fields="name" title-field="name" minlength="1" input-class="form-control form-control-small input-sm" initial-value="carrier"
							match-class="highlight">
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">承运商电话</label>
					<div class="col-lg-3">
						<input type="tel" id="carrier_phone" class="form-control input-sm" ng-model="carrierPhone" ng-pattern="/^1\d{10}$/" placeholder="请填写承运商电话" name="carrierPhone">
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">总金额</label>
					<div class="col-lg-3">
						<input type="text" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" class="form-control input-sm" ng-model="totalMoney" placeholder="请填写总金额"
							name="totalMoney">
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 pull-left control-label">银行卡号</label>
					<div class="col-lg-3">
						<div angucomplete-alt id="bankId" placeholder="" pause="100" selected-object="bankSelect" remote-api-handler="searchBank"
							search-fields="cardNumber" title-field="cardNumber" minlength="3" input-class="form-control form-control-small input-sm"
							initial-value="bankCode" input-changed="getBankName" match-class="highlight">
						</div>
						<span class="text-danger m-l-sm" ng-show='cardIsChange'>银行卡号已被修改！</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">持卡人姓名</label>
					<div class="col-lg-3">
						<input type="text" id="holder" class="form-control input-sm" ng-model="holder" placeholder="请填写持卡人姓名" name="holder">
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">开户银行</label>
					<div class="col-lg-3">
						<input type="tel" id="bank_name" class="form-control inpput-sm" ng-disabled="openBankDis" ng-model="bankName" placeholder="请填写开户银行" name="bankName">
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">应付说明</label>
					<div class="col-lg-4">
						<textarea class="form-control inpput-sm" ng-model="description" placeholder="请填写应付说明" name="description"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">涉及费用{{feeCount}}条，编号</label>
					<div class="col-lg-4">
						<textarea class="form-control inpput-sm" ng-model="feeCodeList" disabled="disabled" name="feeCodeList"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">备注信息</label>
					<div class="col-lg-4">
						<textarea class="form-control inpput-sm" ng-model="remark" placeholder="请填写备注信息" name="remark"></textarea>
					</div>
				</div>
				<div class="form-group">
					<div class="m-t m-b col-lg-4">
						<button class="btn btn-sm btn-default btn-rounded pull-right m-l-sm" ui-sref="app.fee.fee_cost_recoverable">返回</button>
						<button type="submit" class="btn btn-sm btn-default btn-rounded pull-right" ng-click="addSettle()">确认</button>
					</div>
				</div>
			</form>
		</tab>
	</tabset>
</div>